<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>流光不加少</title>
<link rel="stylesheet" href="indexstyle.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/poshytip/tip-twitter.css"/>
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/jquery.poshytip.js"></script>
</head>
<body>
<hr>
<header>
<div id="title">
懒拭宝剑锋  流光不加少
</div>
<div id="seatwords">
不是无情扬花舞纷飞，是流不尽离人眼底泪
</div>
</header>
<div class="main-nav">
	<a href="/blog" id="link" class="links links1" title="我的IT分享博客，专注技术，追求高度。">
    	<span class="intro">博而客之</span>
    </a>
    <a href="/wiki" id="link" class="links links2" title="Wiki笔记，一点一滴的见证。">
    	<span class="intro">学习笔记</span>
    </a>
    <a href="/music" class="links links3" title="爱生活爱音乐，聆听美好的世界。">
    	<span class="intro">音乐小屋</span>
    </a>
    <a href="/contact" class="links links4" title="点我与我交流，互相学习，一起进步。" onClick="showContact()">
    	<span class="intro">保持联系</span>
    </a>
</div>
<div id="others">
</div>

<footer style="margin-top:100px">
<hr>
<p align="right" style="">
注：本网站较多采用HTML5技术，请使用能良好支持HTML5标准的浏览器，推荐Google Chrome浏览器。<br/>
个人技术有限，网站各项功能不断完善中。。。</p>
<br>
<div id="copyright" align="center">
Copyright 2012-2222 © All Rights Reserved. <a href="mailto:zhanglwx@mail.ustc.edu.cn"> E-mail联系我</a>
</div>
</footer>
<script>
$(document).ready(function(e) {
	$('.links').poshytip({
		className: 'tip-twitter',
		showTimeout: 1,
		alignTo: 'target',
		alignX: 'center',
		offsetY: 5,
		allowTipHover: false,
		fade: true,
		followCursor: true,
       	slide: true
	});
});
</script>
</body>
</html>